<template>
    <n-tabs default-value="questions" type="line" justify-content="space-evenly" size="large" style="margin-top: 0.5%;">
        <n-tab-pane name="questions" tab="题目"><questions :contestid="Number(contestNo)" /></n-tab-pane>
        <n-tab-pane name="status" tab="状态"><status /></n-tab-pane>
        <n-tab-pane name="ranks" tab="排名"><rank :question-length="4" /></n-tab-pane>
    </n-tabs>
</template>



<script lang="ts">
import { NTabs, NTabPane } from "naive-ui";
import { defineComponent } from "vue";
import questions from "@/components/contest/question.vue";
import status from '@/components/contest/status.vue'
import rank from '@/components/contest/rank.vue'

// 这里存储信息 分发到各个组件中

export default defineComponent({
    components: { NTabPane, NTabs, questions, status, rank },
    created(){
        console.log(this.$route.params.contestid);
    },
    data () {
        return {
            contestNo: this.$route.params.contestid
        }
    }
})
</script>